﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="Cambio_Clave.aspx.cs" Inherits="Recetas_Web.Cambio_Clave" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">


        .style3
        {
            width: 468px;
            height: 145px;
        }
        .style1
        {
            height: 107px;
            width: 97px;
        }
        .style2
        {
            width: 265px;
            height: 107px;
        }
        .style4
        {
            height: 145px;
        }
        .style5
        {
            height: 171px;
            width: 24%;
            margin-top: 5px;
        }
        .style6
        {
            width: 132px;
            height: 107px;
            font-weight: 700;
        }
        .style7
        {
            text-align: right;
            font-weight: bold;
        }
        .style8
        {
            text-align: center;
        }
        .style9
        {
            text-align: right;
            font-family: Arial;
            font-weight: bold;
        }
        .style10
        {
            font-family: Arial;
        }
        .style12
        {
            color: #FF0000;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1 style="text-align: center; font-size: 26pt; font-family: Arial;">
        MI PERFIL</h1>
    <div style="height: 577px; width: 879px; margin-left: 113px; margin-right: 0px;">
        <br />
        <table style="width: 64%; height: 97px; margin-left: 150px;">
            <tr>
                <td align="left" class="style3">
                    <div style="border: thin solid #808080; width: 421px; height: 193px; margin-left: 2px; background-color: #FFFFFF; margin-bottom: 0px;">
                        <table style="width: 99%; height: 186px; margin-top: 3px; margin-left: 4px;">
                            <tr>
                                <td align="left" class="style5">
                                    <asp:Image ID="ImagePerfil" runat="server" Height="109px" 
                                        ImageUrl="~/Imagenes/icono_perfil.png" Width="91px" 
                                        style="margin-top: 0px" />
                                </td>
                                <td class="style6">
                                    <asp:Label ID="lblNombreApellido" runat="server" 
                                        
                                        style="font-size: x-large; font-weight: 700; font-family: Arial; text-align: left"></asp:Label>
                                    <br />
                                    <br />
                                    <span style="font-family: Arial"><strong>Usuario: </strong>
                                    <asp:Label 
                                        ID="lblUsuario" runat="server" Font-Bold="False"></asp:Label>
                                    </span>
                                    <br />
                                    <br />
                                    <span style="font-family: Arial"><strong>Email: </strong>
                                    <asp:Label 
                                        ID="lblMailUsuario" runat="server" Font-Bold="False"></asp:Label>
                                    </span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td class="style4">
                    <div style="border: thin solid #808080; height: 193px; width: 121px; margin-left: 5px; background-color: #FFFFFF;">
                        <br />
                        <br />
                        <br />
                        <asp:Button ID="btnEditarPerfil" runat="server" 
                            style="text-align: center; margin-left: 4px" Text="Editar Perfil" 
                            Width="115px" onclick="btnEditarPerfil_Click" />
                        <br />
                        <br />
                        <asp:Button ID="btnCambiarClave" runat="server" 
                            style="text-align: center; margin-left: 4px" Text="Cambiar Clave" 
                            Width="115px" onclick="btnCambiarClave_Click" />
                    </div>
                </td>
            </tr>
        </table>
        <br />
        <asp:Label ID="lblMisRecetas" runat="server" Font-Size="X-Large" 
            Font-Underline="True" 
            style="font-size: x-large; color: #808080; font-weight: 700; font-family: Arial">CAMBIAR CLAVE</asp:Label>
        <br />
        <br />
        <br />
<table class="style4" style="margin: auto">
    <tr>
        <td class="style7">
            <asp:Label ID="lblContraseña" runat="server" Text="Contraseña:" 
                CssClass="style10"></asp:Label>
        </td>
        <td class="style8">
            <asp:TextBox ID="txtContraseña" runat="server" TextMode="Password" 
                Width="155px"></asp:TextBox>
        </td>
        <td>
            <asp:Label ID="lblValContraseña" runat="server" ForeColor="Red" 
                Text="* Contraseña incorrecta" Visible="False" CssClass="style12" 
                style="font-weight: 700; font-family: Arial; font-size: small"></asp:Label>
        </td>
    </tr>
    <tr>
        <td class="style7">
            <asp:Label ID="lblNuevaContraseña" runat="server" Text="Nueva Contraseña:" 
                CssClass="style10"></asp:Label>
        </td>
        <td class="style8">
            <asp:TextBox ID="txtNuevaContraseña" runat="server" TextMode="Password" 
                Width="155px"></asp:TextBox>
        </td>
        <td>
            <asp:RequiredFieldValidator ID="rfValNuevaContraseña" runat="server" 
                ControlToValidate="txtNuevaContraseña" CssClass="style12" 
                ErrorMessage="* Ingresar Nueva Contraseña" 
                style="font-weight: 700; font-family: Arial; font-size: small"></asp:RequiredFieldValidator>
        </td>
    </tr>
    <tr>
        <td class="style7">
            <asp:Label ID="lblConfNuevaContraseña" runat="server" 
                Text="Confirmación de Nueva Contraseña:" CssClass="style10"></asp:Label>
        </td>
        <td class="style8">
            <asp:TextBox ID="txtConfNuevaContraseña" runat="server" TextMode="Password" 
                Width="155px"></asp:TextBox>
        </td>
        <td>
            <asp:CompareValidator ID="CompareValidator1" runat="server" 
                ControlToCompare="txtNuevaContraseña" 
                ControlToValidate="txtConfNuevaContraseña" 
                ErrorMessage="* Contraseña Nueva no coincide" 
                style="color: #FF0000; font-size: small; font-weight: 700; font-family: Arial"></asp:CompareValidator>
        </td>
    </tr>
    <tr>
        <td class="style9">
            &nbsp;</td>
        <td class="style8">
            <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
                Text="Cambiar Clave" style="text-align: center" />
        </td>
        <td>
            <asp:HyperLink ID="hlCancelar" runat="server" Font-Bold="True" 
                Font-Names="Arial" Font-Size="Small" Font-Underline="True" 
                NavigateUrl="~/Perfil_Usuarios.aspx" style="color: #0033CC">Cancelar</asp:HyperLink>
        </td>
    </tr>
</table>
    </div>
</asp:Content>
